<div class="row" ng-controller="adMapPluginMapEditorController">
   <!-- <div class="row">
        <div class="col-xs-6">
            <div class="form-group">
                <label for="title-text" class="control-label col-xs-3">主标题</label>
                <div class="col-xs-9">
                    <input type="text" ng-model="Option.title.text" class="form-control"
                           name="title-text" id="title-text" placeholder="主标题">
                </div>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="form-group">
                <label for="title-sub-text" class="control-label col-xs-3">副标题</label>
                <div class="col-xs-9">
                    <input type="text" ng-model="Option.title.subtext" class="form-control"
                           name="title-sub-text" id="title-sub-text" placeholder="副标题">
                </div>
            </div>
        </div>
    </div>-->
    <div class="row">
        <div class="col-xs-6">
            <div class="form-group">
                <label for="title-text" class="control-label col-xs-3">主标题</label>
                <div class="col-xs-9">
                    <input type="text" ng-model="extendOfIndex.TitleText" class="form-control"
                           name="title-text" id="title-text" placeholder="主标题">
                </div>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="form-group">
                <label for="title-text-color" class="control-label col-xs-3">主颜色</label>
                <div class="col-xs-9 color-select-row">
                    <input type="text" ng-model="extendOfIndex.TitleColor" class="form-control"
                           name="title-text-color" id="title-text-color" placeholder="默认"
                           colorpicker colorpicker-parent="true" colorpicker-position="bottom" colorpicker-with-input="true">
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6">
            <div class="form-group">
                <label for="title-sub-text" class="control-label col-xs-3">副标题</label>
                <div class="col-xs-9">
                    <input type="text" ng-model="extendOfIndex.SubTitleText" class="form-control"
                           name="title-sub-text" id="title-sub-text" placeholder="副标题">
                </div>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="form-group">
                <label for="title-sub-color" class="control-label col-xs-3">副颜色</label>
                <div class="col-xs-9 color-select-row">
                    <input type="text" ng-model="extendOfIndex.SubTitleColor" class="form-control"
                           name="title-sub-color" id="title-sub-color" placeholder="默认"
                           colorpicker colorpicker-parent="true" colorpicker-position="bottom" colorpicker-with-input="true">
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6">
            <div class="form-group">
                <label for="title-postion" class="control-label col-xs-3">标题位置</label>
                <div class="col-xs-9">
                    <select class="form-control" name="title-postion" id="title-postion"
                            ng-options="p.value as p.text for p in positionArray"
                            ng-model="extendOfIndex.TitlePosition"></select>
                </div>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="form-group">
                <label for="legend-postion" class="control-label col-xs-3">地图位置</label>
                <div class="col-xs-9">
                    <select class="form-control" name="legend-postion" id="legend-postion"
                            ng-options="p.value as p.text for p in positionArray"
                            ng-model="extendOfIndex.LegendPosition"></select>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6">
            <div class="form-group">
                <label class="control-label col-xs-3">地图类型</label>
                <div class="col-xs-9">
                    <select name="mapType" id="mapType" required
                            ng-options="mapType for mapType in mapTypes"
                            ng-model="Option.mapType"
                            ng-change="setMapType()">
                    </select>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-6">
            <div class="form-group">
                <label for="title-text" class="control-label col-xs-3">最小值</label>
                <div class="col-xs-9">
                    <input type="number" ng-model="extendOfIndex.VisualMapMin" class="form-control"
                           name="title-visualMap-min" id="title-visualMap-min" placeholder="最小值">
                </div>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="form-group">
                <label for="title-sub-text" class="control-label col-xs-3">最大值</label>
                <div class="col-xs-9">
                    <input type="number" ng-model="extendOfIndex.VisualMapMax" class="form-control"
                           name="title-visualMap-max" id="title-visualMap-max" placeholder="最大值">
                </div>
            </div>
        </div>
    </div>

    <div class="row custom-color">
        <div class="col-xs-12">
            <div class="form-group">
                <div class="row color-check col-xs-2">
                    <div>
                        <label class="control-label">地图颜色</label>
                    </div>
                    <div>
                        <label class="control-label">自定义</label>
                        <input id="customColor" type="checkbox" ng-change="customColor()" ng-model="CustomColor">
                    </div>
                </div>
                <div class="col-xs-10">
                    <div class="row color-list">
                        <li ng-repeat="color in colors">
                            <span ng-click="removeColor(color)" ng-style="{'background-color': color}"></span>
                        </li>
                        <div ng-class="{'color-disable': !CustomColor}">
                        </div>
                    </div>
                    <div class="row color-select-row">
                        <button class="btn btn-default" ng-disabled="!CustomColor" ng-model="addColor" colorpicker colorpicker-parent="true" colorpicker-position="bottom" colorpicker-with-input="true">添加颜色</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row series-settings">
        <div class="panel panel-default">
            <div class="panel-heading">图层设置：
                <select ng-model="currentSeriesOption"
                        ng-change="selectedSeries(currentSeriesOption)"
                        ng-options="series as series.SeriesName for series in extendOfIndex.SeriesOption"></select>
                <button class="btn btn-default" ng-click="addSeries()">新增图层</button>
                <button class="btn btn-default" ng-click="removeSeries()">移除图层</button>
            </div>
            <div class="panel-body" ng-hide="!currentSeriesOption">
                <div class="form-group">
                            <label class="control-label col-xs-3">图层名称</label>
                            <div class="col-xs-9">
                                <input type="text" ng-model="currentSeriesOption.SeriesName" class="form-control">
                            </div>
                        </div>
                <div class="form-group">
                            <label class="control-label col-xs-3">数据集</label>
                            <div class="col-xs-9">
                                <select class="form-control"
                                        ng-change="bindingChanged(currentBinding)"
                                        ng-model="currentBinding"
                                        ng-options="b as b.Name for b in bindingOfIndex"></select>
                            </div>
                        </div>
                <div class="form-group">
                    <label class="control-label col-xs-3">图层类型</label>
                    <div class="col-xs-9">
                        <select class="form-control" ng-model="currentSeriesOption.SeriesType"
                                ng-options="t.value as t.text for t in seriesTypeArray"></select>
                    </div>
                </div>

                <!--map-->
                <div class="panel-body" ng-hide="currentSeriesOption.SeriesType != 'map'">
                    <div class="form-group">
                            <label for="title-text" class="control-label col-xs-3">地区</label>
                            <div class="col-xs-9">
                                <select class="form-control" ng-model="currentSeriesOption.Area"
                                        ng-options="d.Code as d.Name for d in currentBinding.Dimensions"></select>
                            </div>
                        </div>
                    <div class="form-group">
                            <label for="title-sub-text" class="control-label col-xs-3">值</label>
                            <div class="col-xs-9">
                                <select class="form-control" ng-model="currentSeriesOption.AreaValue"
                                        ng-options="m.Code as m.Name for m in currentBinding.Measures"></select>
                            </div>
                        </div>
                </div>
                <!--线-->
                <div class="panel-body" ng-hide="currentSeriesOption.SeriesType != 'lines'">
                    <div class="form-group">
                        <div class="form-group">
                            <label for="title-text" class="control-label col-xs-3">开始经度</label>
                            <div class="col-xs-9">
                                <select class="form-control" ng-model="currentSeriesOption.StartX"
                                        ng-options="d.Code as d.Name for d in currentBinding.Measures"></select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-group">
                            <label for="title-sub-text" class="control-label col-xs-3">开始纬度</label>
                            <div class="col-xs-9">
                                <select class="form-control" ng-model="currentSeriesOption.StartY"
                                        ng-options="d.Code as d.Name for d in currentBinding.Measures"></select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-group">
                            <label for="title-text" class="control-label col-xs-3">结束经度</label>
                            <div class="col-xs-9">
                                <select class="form-control" ng-model="currentSeriesOption.EndX"
                                        ng-options="d.Code as d.Name for d in currentBinding.Measures"></select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-group">
                            <label for="title-sub-text" class="control-label col-xs-3">结束纬度</label>
                            <div class="col-xs-9">
                                <select class="form-control" ng-model="currentSeriesOption.EndY"
                                        ng-options="d.Code as d.Name for d in currentBinding.Measures"></select>
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
                <!--点-->
                <div class="panel-body" ng-hide="!(currentSeriesOption.SeriesType == 'scatter'||currentSeriesOption.SeriesType == 'effectScatter')">
                    <div class="form-group">
                        <div class="form-group">
                            <label for="title-sub-text" class="control-label col-xs-3">名称</label>
                            <div class="col-xs-9">
                                <select class="form-control" ng-model="currentSeriesOption.PointName"
                                        ng-options="m.Code as m.Name for m in currentBinding.Dimensions"></select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                            <div class="form-group">
                                <label for="title-text" class="control-label col-xs-3">经度</label>
                                <div class="col-xs-9">
                                    <select class="form-control" ng-model="currentSeriesOption.PointX"
                                            ng-options="d.Code as d.Name for d in currentBinding.Measures"></select>
                                </div>
                            </div>
                        </div>
                    <div class="form-group">
                                <label for="title-sub-text" class="control-label col-xs-3">纬度</label>
                                <div class="col-xs-9">
                                    <select class="form-control" ng-model="currentSeriesOption.PointY"
                                            ng-options="d.Code as d.Name for d in currentBinding.Measures"></select>
                                </div>
                            </div>
                    <div class="form-group">
                        <div class="form-group">
                            <label for="title-sub-text" class="control-label col-xs-3">值</label>
                            <div class="col-xs-9">
                                <select class="form-control" ng-model="currentSeriesOption.PointValue"
                                        ng-options="m.Code as m.Name for m in currentBinding.Measures"></select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row chart-pivot-event">
        <div class="col-xs-6">
            <div class="form-group">
                <label class="control-label col-xs-3">钻取设置</label>
                <div class="col-xs-9">
                    <button class="btn btn-default" ng-click="eventSelect()">点击事件</button>
                </div>
            </div>
        </div>
    </div>
</div>